<template>
    <div class="parent-div">
        <div v-for="item in items">
            {{ item }}
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            items: ['Item 1', 'Item 2', 'Item 3', 'Item 4'], // 你的数据列表
        };
    },
};
</script>
<style scoped>
.parent-div {
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* 或者使用 space-around，具体取决于你希望的间距效果 */
  height: 60vh; /* 设定父div的高度，例如占满屏幕高度 */
}
</style>